.guide_bot {
	
}

input:focus {
	color: #0099ff;
}

.topborder {
	border: 1px solid #e5e5e5;
}

.btnblue {
	background: #00aaf4 !important;
	color: #fff;
}

.mask_register {
	top: 70px;
}

.mask {
	display: block;
}
.home{background-size:23px}
.find{background-size:22px}
.order{background-size:21px}
.center{background-size:21px}

@-webkit-keyframes a {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@keyframes a {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        opacity: 0
    }

    to {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }
}

@-webkit-keyframes b {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        opacity: 0
    }
}

@keyframes b {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }

    to {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        opacity: 0
    }
}

.app-content.ng-enter {
    -webkit-animation: a .2s forwards;
    animation: a .2s forwards;
    background:#FFFFFF;
    width:100%;
    height: 100%;
    top:0px;
    left:0px;
    z-index:80;
}

.app-content.ng-leave {
    -webkit-animation: b .2s forwards;
    animation: b .2s forwards;
    background:#FFFFFF;
    position:absolute;
    width:100%;
    height: 100%;
    top:0px;
    left:0px;
    z-index:8;
}

.appointment_top {
    height: 113px;
    padding-top: 15px;
}
.home-device {
}
.order_list_bot_middle_info h3 {
    height: auto;
}
.order_list_top_a strong {
    height: 15px;
    overflow: hidden;
}
.order_list_bot_bot a.on em img {
    background: #ccc;
}
.onem img {
    background: #00aaf4 !important;
}
.order_mask {
    margin-top: 55px;
}
.expressions{clear:both;background:#eee;}
.expressions_top{padding:10px 1%;height:140px;}
.expressions_i{width:14.28%;height:40px;display:block;float:left;text-align:center;line-height:40px;vertical-align:middle;}
.expressions_i img{width:30px;height:30px;margin:0 auto;vertical-align: middle;}
.expressions_delete{width:14.28%;height:40px;display:block;float:right;;text-align:center;line-height:40px;vertical-align:middle;}
.expressions_delete img{width:30px;vertical-align: middle;}
.expressions_bot{border-top:1px solid #ddd;background:#f7f7f7;height:30px;}
.expressions_bot a{padding:0 10px;height:30px;line-height:30px;display:block;float:left;font-size:14px;border-left:1px solid #ddd;}
.expressions_bot a.on{background:#eee;}
.message_bot_img {
    width: 30px;
    vertical-align: middle;
}
.fasong {
    margin-top: 12px;
}
.message_info_top_p_fr {
    min-width: 50%;
}
.message_info_top_p {
    min-width: 50%;
}
.message_top {
    position: fixed;
    top:53px;
    width: 100%;
    z-index: 1;
}
.pt100{padding-top: 100px}
.tutor_order_list_bot_middle_info h3 {
    height: auto;
}
.order_list_bot_middle_info {
    overflow: hidden;
}
.video_mask {
    width: 155px;
    height: 165px;
    margin: 0 auto;
    background: url("../images/mask_bg.png") repeat;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    text-align: center;
    color: #fff;
    padding: 10px 0 0 0;
    font-size: 14px;
    position: fixed;
    left: 50%;
    margin-left: -77px;
        top: 50%;
    margin-top: -73px;
}
.appointment_top span.right p {
    width: 100%;
    height: 39px;
    display: block;
    border: 1px solid #63bbed;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    text-align: center;
    line-height: 39px;
    font-size: 14px;
    color: #333;
    overflow: hidden;
}
.appointment_top span.right p strong{
    background: #eeeeee;
    height:37px;
    display: block;;
    line-height: 37px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.repay_info_bot_key span.right p {
    width: 100%;
    height: 39px;
    display: block;
    border: 1px solid #63bbed;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    text-align: center;
    line-height: 39px;
    font-size: 14px;
    color: #333;
    overflow: hidden;;
}
.repay_info_bot_key span.right p strong{
    background: #eeeeee;
    height:37px;
    display: block;;
    line-height: 37px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.appointment_top span.right p strong:active{background: #fff;}
.repay_info_bot_key span.right p:active{background: #fff;}
.appointment_top span.right p img{margin-right:5px;vertical-align: middle;height: 20px;}
.repay_info_bot_key span.right p img{margin-right:5px;vertical-align: middle;height: 20px;}
.mask_video {
 
}

.tutorcenter_bot {
    
}
.find_question_bot p {
  height: auto;
}
.translate_info {
   height: auto;
}
.message_footer span.message_voice_a a:active{background: #fff;}
.video_mask span.qx{background: #FF6347;padding: 5px;
    width: 90%;
    margin: 0 auto;}
    
    .pagination1 {
    text-align: center;
    /* margin-top: 5px; */
    position: absolute;
    left: 42%;
    bottom: 20px;
    z-index: 10;
}
.guide_bot {
    width: 100%;
   
    z-index: 10;
    background: #f2f2f2;
    padding: 20px 19px 20px;
}
.swiper-slide > img {
	width:auto;
    height: 100%;
}
.s{
  background: url("../images/show.png") no-repeat;
  background-position: 90% center;
  background-size:13px;
}

.us{
  background: url("../images/hide.png") no-repeat;
  background-position: 90% center;
  background-size:8px;
}